@import '../../utils/common.scss';
.recordContainer {
  color: #ffffff;
  .recordHeader {
    position: relative;
    overflow: hidden;
    height: 9.44rem;
    background: linear-gradient(#489EFA, #2579D4);
    .peopleNum {
      color: orange;
      @include font-dpr($primary-size-md)
    }
    .imageSize {
      @include image('../../assets/images/resetpassword/iphone');
      width: 3.893333rem;
      height: 6.4rem;
      position: absolute;
      bottom: -0.08rem;
      left: 50%;
      transform: translateX(-50%)
    }
  }
  .back {
    width: .426667rem;
    height: .906667rem;
    margin-left: .4rem
  }
  .peopleWait {
    text-align: center;
    @include font-dpr($primary-size-xs);
    margin-bottom: .426667rem
  }
  .bigTitle {
    text-align: center;
    @include font-dpr(24Px)
  }
  .recordTip {
    color:#666666;
    padding-left: .533333rem;
    margin-top: .8rem;
    @include font-dpr($primary-size-xs);
    .tipSize {
      display: flex;
      align-items: center;
      margin-bottom: .613333rem;
    }
    .svgSize {
      width: .72rem;
      height: .72rem;
    }
    .fontStyle {
      margin-left: .266667rem;
    }
  }
  .buttonContainer {
    position: absolute;
    bottom: .533333rem;
    left: 50%;
    transform: translateX(-50%)    
  }
}
